{% extends "base.html" %}

{% block subtitle %}
  About
{% endblock subtitle %}

{% block header_js %}
  {{ super() }}

  <style>
    html, body {
      background-color: #eee;
    }
  </style>
{% endblock %}

{% block navbar_breadcrumb %}
  <ul class="nav navbar-nav oppia-navbar-breadcrumb">
    <li>
      <span class="oppia-navbar-breadcrumb-separator"></span>
      About
    </li>
  </ul>
{% endblock navbar_breadcrumb %}

{% block content %}
  <div class="oppia-page-cards-container">
    <md-card class="oppia-page-card oppia-long-text">

      {% if ABOUT_PAGE_YOUTUBE_VIDEO_ID %}
        <iframe width="560" height="315" src="https://www.youtube.com/embed/{{ABOUT_PAGE_YOUTUBE_VIDEO_ID}}?rel=0" frameborder="0" allowfullscreen>
        </iframe>
      {% endif %}

      <a class="oppia-about-anchor" name="our-mission"></a>
      <h3>Our Mission</h3>

      <p>
        To help anyone learn anything they want in an effective and enjoyable way.
      </p>

      <a class="oppia-about-anchor" name="meet-oppia"></a>
      <h3 style="margin-top: 40px;">Meet Oppia</h3>

      <p>
        Oppia is a free, open-source learning platform. Full of interactive activities
        called 'explorations', Oppia helps curious minds learn and teach.
      </p>

      <strong>Learn</strong>
      <p>
        Oppia recreates the experience of one-on-one tutoring. It adapts to your
        needs and lets you learn in the best way possible &mdash; by doing.
      </p>

      <strong>Teach</strong>
      <p>
        Oppia enables you to share your knowledge with people worldwide. Anyone can create
        and contribute to an exploration. Find out more in our <a href="/participate">participation playbook</a>.
      </p>

      <a class="oppia-about-anchor" name="contact"></a>
      <h3 style="margin-top: 40px;">Contacting Us</h3>

      <p>
        <strong>For site questions:</strong> Post to our <a href="{{SITE_FORUM_URL}}">forum</a>.
      </p>
      <p>
        <strong>To get involved:</strong> Reach out via our
        <a href="https://groups.google.com/forum/#!forum/oppia-dev">oppia-dev</a>
        Google Group, or by contacting {{CONTACT_EMAIL_ADDRESS}}. We'd be delighted
        to work with you!
      </p>
      <p>
        <strong>For bugs and feature requests:</strong> Create an issue on our
        <a href="https://code.google.com/p/oppia/issues/list">Oppia bug tracker</a>.
        or get in touch via the
        <a href="https://groups.google.com/forum/#!forum/oppia-dev">developers' forum</a>.
      </p>
      <p>
        <strong>For sensitive issues</strong> (for example, reporting a security bug):
        Write to {{CONTACT_EMAIL_ADDRESS}}.
      </p>

      <a class="oppia-about-anchor" name="license"></a>
      <h3>License</h3>

      <p>
        All content in Oppia's explorations is licensed under
        <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode">CC-BY-SA 4.0</a>
        with a waiver of the attribution requirement (specifically, Sections 3(a)(1) and 3(a)(2)).
        If you reuse content from this site, we encourage you to include a link to the
        relevant exploration page, but do not require it.
      </p>
      <p>
        The software powering Oppia is open source, and its
        <a href="https://code.google.com/p/oppia/">code</a> is released under an
        <a href="https://www.apache.org/licenses/">Apache 2.0</a> license.
      </p>

      <a class="oppia-about-anchor" name="credits"></a>
      <h3>Credits</h3>
      <p>
        Many people have contributed to the open-source codebase powering Oppia.
        Thanks to:
      </p>

      <ul style="font-size: 0.8em;">
        <li>Abraham Mgowano</li>
        <li>Alex Gower</li>
        <li>Allan Zhou</li>
        <li>Amit Deutsch</li>
        <li>Andrey Mironyuk</li>
        <li>Angela Park</li>
        <li>Ben Henning</li>
        <li>Ben Targan</li>
        <li>Chase Albert</li>
        <li>Chin Zhan Xiong</li>
        <li>Debanshu Bhaumik</li>
        <li>Elizabeth Kemp</li>
        <li>Estelle Lee</li>
        <li>Frederik Creemers</li>
        <li>Jacob Davis</li>
        <li>Jasper Deng</li>
        <li>Jeremy Emerson</li>
        <li>Jérôme (zolk232)</li>
        <li>Jerry Chen</li>
        <li>Karen Rustad</li>
        <li>Kevin Lee</li>
        <li>Koji Ashida</li>
        <li>Kumari Shalini</li>
        <li>Manas Tungare</li>
        <li>Marcel Schmittfull</li>
        <li>Michael Anuzis</li>
        <li>Michael Mossey</li>
        <li>Michael Wagner</li>
        <li>Milagro Teruel</li>
        <li>Phil Wagner</li>
        <li>Philip Hayes</li>
        <li>Reinaldo Aguiar</li>
        <li>Samara Trilling</li>
        <li>Sean Lip</li>
        <li>Shafqat Dulal</li>
        <li>Shantanu Bhowmik</li>
        <li>Stephanie Federwisch</li>
        <li>Tarashish Mishra</li>
        <li>Wilson Hong</li>
        <li>Xinyu Wu</li>
        <li>Yana Malysheva</li>
        <li>Yuan Gu</li>
        <li>Zoe Madden-Wood</li>
      </ul>

      <p>
        The Oppia development team is also grateful for the feedback, ideas,
        help and suggestions by Alex Kauffmann, Allison Barros, Amy Latten,
        Balaji Sampath, Brett Barros, John Cox, John Orr, Katie Berlent,
        Mike Gainer, Neil Fraser, Nupur Jain, Peter Norvig, Philip Guo, Piotr
        Mitros, Rahim Nathwani, Robyn Choo and Vikrant Nanda.
      </p>
    </md-card>
  </div>

  <div class="nav oppia-about-right-menu hidden-sm hidden-xs">
    <strong>About Oppia</strong>
    <p><a href="#our-mission">Our Mission</a></p>
    <p><a href="#meet-oppia">Meet Oppia</a></p>
    <p><a href="#contact">Contacting Us</a></p>
    <p><a href="#license">License</a></p>
    <p><a href="#credits">Credits</a></p>
  </div>

  <script>
    // This scrolls the page to the anchor clicked on in the quick links menu.
    $('a[href*=#]:not([href=#])').click(function() {
      if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '')) {
        var target = $('[name=' + this.hash.slice(1) +']');
        if (target.length) {
          $('html,body').animate({
            scrollTop: target.offset().top
          }, 1000);
          return false;
        }
      }
    });
  </script>
{% endblock %}
